<template>
<div>

	<dlqfloor :unit="'3'" v-if="floordata.length > 0" :fdata="floordata"  @save="save"></dlqfloor>

	<div class="dlq">
		
		11111
	</div>

	<br>

	<div class="dlq1">
		
		11111
	</div>

</div>
</template>

<script>

import dlqfloor from '@/components/floor/index'


export default {
	
	name : 'floor',
	
	data () {
		return {
		  	floordata : [
		  		// {
		  		// 	name : '1fff',
		  		// 	list : [
		  		// 		{
		  		// 			name : '1-22-33',
		  		// 		},
		  		// 		{
		  		// 			name : '1-22-13',
		  		// 		},
		  		// 		{
		  		// 			name : '1-22-23',
		  		// 		},
		  		// 	],
		  		// },
		  		// {
		  		// 	name : '1fff',
		  		// 	list : [
		  		// 		{
		  		// 			name : '1-22-33',
		  		// 		},
		  		// 		{
		  		// 			name : '1-22-13',
		  		// 		},
		  		// 		{
		  		// 			name : '1-22-23',
		  		// 		},
		  		// 	],
		  		// },
		  	]
		}
	},

	props : {

	},

	components : {
		dlqfloor,
	},

	computed : {

	},

	methods : {
		save (data) {
			console.log('外层');
			console.log(data);
		},

		init () {

			this.$http({
				fun : 'roleList',
				cb : res => {
					console.log('asdadasasdadsadsasd');
					console.log(res);

					this.floordata = [
				  		{
				  			name : '1fff',
				  			list : [
				  				{
				  					name : '1-22-33',
				  				},
				  				{
				  					name : '1-22-13',
				  				},
				  				{
				  					name : '1-22-23',
				  				},
				  			],
				  		},
				  		{
				  			name : '1fff',
				  			list : [
				  				{
				  					name : '1-22-33',
				  				},
				  				{
				  					name : '1-22-13',
				  				},
				  				{
				  					name : '1-22-23',
				  				},
				  			],
				  		},
				  	]
				}
			})

		},
	},

	watch : {
	    
	},

	mounted () {
		this.init();
	},

}
</script>

<style scoped>
.dlq {
	width: 1000px;
	height: 400px;
	background-image:linear-gradient(-45deg, #0c3253 100px, #225870 900px);
}

.dlq1 {
	width: 1000px;
	height: 1000px;
	background-image:linear-gradient(180deg, #092541 100px, #878b95 900px);
}

</style>
